<!doctype HTML public "-//W3C//DTD HTML 4.0 Frameset//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="generator" content="Adobe RoboHelp - www.adobe.com">
<title>Defining a Data Cloud widget</title>
<link rel="stylesheet" href="RoboHTML_ns.css"><script type="text/javascript" language="JavaScript" title="WebHelpSplitCss">
<!--
if (navigator.appName !="Netscape")
{   document.write("<link rel='stylesheet' href='RoboHTML.css'>");}
//-->
</script>
<style type="text/css">
<!--
h1.whs1 { font-size:11pt; margin-top:6px; margin-bottom:6px; }
p.whs2 { font-size:9pt; margin-top:6px; margin-bottom:6px; }
img_whs3 { border:none; width:670px; height:302px; border-style:none; }
p.whs4 { font-weight:bold; font-size:10pt; margin-top:6px; margin-bottom:6px; }
ol.whs5 { list-style:decimal; }
ul.whs6 { list-style:decimal; }
p.whs7 { font-size:9pt; margin-top:6px; margin-bottom:6px; font-weight:bold; }
ul.whs8 { list-style:disc; }
p.whs9 { font-size:9pt; margin-top:6px; margin-bottom:6px; font-weight:normal; }
-->
</style><script type="text/javascript" language="JavaScript" title="WebHelpInlineScript">
<!--
function reDo() {
  if (innerWidth != origWidth || innerHeight != origHeight)
     location.reload();
}
if ((parseInt(navigator.appVersion) == 4) && (navigator.appName == "Netscape")) {
	origWidth = innerWidth;
	origHeight = innerHeight;
	onresize = reDo;
}
onerror = null; 
//-->
</script>
<style type="text/css">
<!--
div.WebHelpPopupMenu { position:absolute; left:0px; top:0px; z-index:4; visibility:hidden; }
-->
</style><script type="text/javascript" language="javascript1.2" src="whmsg.js"></script>
<script type="text/javascript" language="javascript" src="whver.js"></script>
<script type="text/javascript" language="javascript1.2" src="whproxy.js"></script>
<script type="text/javascript" language="javascript1.2" src="whutils.js"></script>
<script type="text/javascript" language="javascript1.2" src="whlang.js"></script>
<script type="text/javascript" language="javascript1.2" src="whtopic.js"></script>
</head>
<body><script type="text/javascript" language="javascript1.2">
<!--
if (window.gbWhTopic)
{
	if (window.addTocInfo)
	{
	addTocInfo("Creating and modifying documents and dashboards\nProviding Flash-based analysis and interactivity: Widgets\nCreating a Data Cloud widget");
addButton("show",BTN_TEXT,"Show","","","","",0,0,"","","");

	}
	if (window.writeBtnStyle)
		writeBtnStyle();

	if (window.writeIntopicBar)
		writeIntopicBar(1);

	if(1)
	{
	
	}

	if (window.setRelStartPage)
	{
	setRelStartPage("MicroStrategy_Web_Help.htm");

		autoSync(1);
		sendSyncInfo();
		sendAveInfoOut();
	}
}
else
	if (window.gbIE4)
		document.location.reload();

//-->
</script>
<h1 class="whs1">Creating 
 a Data Cloud widget</h1>
<p class="whs2"><span style="font-size: 9pt;"><font size=1 style="font-size:9pt;">A 
 Data Cloud widget displays attribute elements in various sizes to depict 
 the differences in metric values between the elements. The widget is similar 
 to a heat map in that it allows an analyst to quickly identify the most 
 significant, positive, or negative contributions.</font></span></p>
<p class="whs2">The widget 
 consists of a list of attribute elements. The font size of each attribute 
 element represents a metric value for that element. These metric values 
 represent the values of the first metric on the Grid/Graph. In the widget 
 below, the size of each attribute element from the Subcategory attribute 
 represents the amount of revenue generated by each genre of books.</p>
<p class="whs2">In the 
 image below, the Grid/Graph is provided below the widget to show the exact 
 metric values for the attribute elements displayed in the widget.</p>
<p class="whs2">&nbsp;</p>
<p class="whs2"><img src="images/defining_data_cloud_widget.gif" width="670px" height="302px" border="0" class="img_whs3"></p>
<p class="whs2">To successfully 
 create a useful widget that can be used to analyze data, you must first 
 correctly define it. After you add a widget to a document, you must place 
 report objects such as attributes and metrics on the Grid/Graph, which 
 resembles a standard grid template. The report objects and their placement 
 on the Grid/Graph determine how the widget displays data in MicroStrategy 
 Web. </p>
<p class="whs4">&nbsp;</p>
<h2>To create and add a Data Cloud widget to a document</h2>
<ol>
<li class=p-Steps><p class=Steps>Open the document in <span style="font-weight: bold;"><B>Design</B></span> 
 or <span style="font-weight: bold;"><B>Editable Mode</B></span>.</p></li>
	
<li class=p-Steps><p class=Steps>From the <span style="font-weight: bold;"><B>Insert</B></span> 
 menu, point to <span style="font-weight: bold;"><B>Widgets</B></span>, and then 
 select <span style="font-weight: bold;"><B>Data Cloud</B></span>.</p></li>
</ol>
<ol start=3>
<li class=p-Steps><p class=Steps>Click the location on your 
 document, except for the <span style="font-weight: bold;"><B>Detail</B></span><span> 
 section,</span> where you want to place the widget. <span style="font-size: 9pt; margin-top: 6px; margin-bottom: 6px;"><font size=1 style="font-size:9pt;">The 
 Grid/Graph, which appears similar to a standard grid container, is displayed. 
 A small icon at the bottom right corner of the Grid/Graph identifies the 
 type of widget you have added to the document.</font></span></p></li>
	
<li class=p-Steps><p class=Steps>If desired, resize the widget by clicking 
 and dragging its handles.</p></li>
</ol>
<h2>Add objects to the Grid/Graph that contains the widget </h2>
<ol start="5" type="1" class="whs5">
	
<li style="font-size: 9pt;" class=p-Steps><p class=Steps>From the Dataset 
 Objects panel on the left, select attributes and metrics, and drag them 
 on top of the widget, as described below.</p></li>
	<ul type="1" class="whs6">
		
<li class=p-Steps-Bulleted-1><p class=Steps-Bulleted-1 style="margin-top: 6px; margin-bottom: 6px;">Place 
 at least <span style="font-weight: bold;"><B>one attribute</B></span> on the 
 Grid/Graph's rows. </p></li>
	</ul>
	<ul>
<li class=p-Steps-Bulleted-2><p class=Steps-Bulleted-2 style="margin-top: 6px; margin-bottom: 6px;">The 
 elements of the attribute are displayed in the widget. For example, if 
 the attribute is Year, a list of years is displayed in the widget.</p></li>
		
<li class=p-Steps-Bulleted-2><p class=Steps-Bulleted-2 style="margin-top: 6px; margin-bottom: 6px;">If 
 you include additional attributes to the right of the first attribute, 
 elements from all of the attributes are combined and displayed in the 
 widget. For example, if Year is the first attribute and Quarter is the 
 second attribute, every combination of year and quarter is displayed in 
 the widget, including 2007 Q4 and 2007 Q3.</p></li>
		
<li class=p-Steps-Bulleted-1><p class=Steps-Bulleted-1 style="margin-top: 6px; margin-bottom: 6px;">Place 
 at least <span style="font-weight: bold;"><B>one metric</B></span> on the Grid/Graph's 
 columns.</p></li>
		
<li class=p-Steps-Bulleted-2><p class=Steps-Bulleted-2>The first 
 metric on the columns determines the size of the font of the attribute 
 elements in the widget.</p></li>
		
<li class=p-Steps-Bulleted-2><p class=Steps-Bulleted-2><span style="font-size: 9pt; margin-top: 6px; margin-bottom: 6px;"><font size=1 style="font-size:9pt;">If 
 you include additional metrics to the right of the first metric, the metrics 
 are displayed in the tooltips available in MicroStrategy Web. When a user 
 hovers the cursor over an attribute element, a tooltip is displayed. The 
 tooltip lists the attribute element and metric values for that attribute 
 element.</font></span></p></li>
	</ul>
</ol>
<h2><span style="font-size: 9pt; font-weight: bold;"><font size=1 style="font-size:9pt;"><B>Enable the widget 
 to be displayed</B></font></span></h2>
<ol start=6>
<li class=p-Steps><p class=Steps>View and test your results 
 in one of two ways: </p></li>
	<ul>
<li class=p-Topic-Text-Bulleted><p class=Topic-Text-Bulleted>Select 
 <span style="font-weight: bold;"><B>Flash Mode</B></span> from the <span style="font-weight: bold;"><B>Home</B></span> 
 menu. </p></li>
	</ul>
	<ul>
<li class=p-Topic-Text-Bulleted-2><p class=Topic-Text-Bulleted-2>If 
 Flash Mode is not available in the Home menu, you must make Flash Mode 
 available in the document. For steps, see 
<a href="Defining_available_display_modes.htm">Defining 
 which display modes are available to users</a>.</p></li>
	</ul>
	<ul>
<li class=p-Topic-Text-Bulleted><p class=Topic-Text-Bulleted>Select 
 <span style="font-weight: bold;"><B>Interactive Mode</B></span> from the <span 
 style="font-weight: bold;"><B>Home</B></span> menu.</p></li>
	</ul>
	<ul>
<li class=p-Topic-Text-Bulleted-2><p class=Topic-Text-Bulleted-2>The 
 widget must be enabled to be displayed in non-Flash mode to be viewable 
 in Interactive Mode. For instructions to allow a widget to be displayed 
 in non-Flash mode, see 
<a href="Widget_non_Flash.htm">Determining how 
 a widget is rendered in non-Flash modes</a>.</p></li>
	</ul>
</ol>
<p class="whs7">Related 
 topics</p>
<ul type="disc" class="whs8">
	
<li class=p><p class="whs9">
<a 
 href="Formatting_a_Data_Cloud_widget.htm">Formatting a Data Cloud widget</a></p></li>
	
<li class=p><p class="whs9">
<a 
 href="Analyzing_data_in_a_Data_Cloud_widget.htm">Analyzing data in a Data 
 Cloud widget</a></p></li>
	
<li class=p><p class="whs9">
<a 
 href="Using_a_Data_Cloud_widget_as_a_selector.htm">About using a Data 
 Cloud widget as a selector</a></p></li>
	
<li class=p><p class="whs9">
<a 
 href="Flash_Mode.htm">Working with documents in Flash Mode</a></p></li>
</ul>
<script type="text/javascript" language="javascript1.2">
<!--
highlightSearch();
if (window.writeIntopicBar)
	writeIntopicBar(0);
if(0)
{

}
//-->
</script>
</body>
</html>
